layui.config({
    base: '/admin/lib/layui_exts/' //配置 layui 第三方扩展组件存放的基础目录
}).extend({
    croppers:'cropper/croppers',
}).use(['jquery','croppers','form'], function() {
    var croppers = layui.croppers;
    var form = layui.form;
    layui.form.render()
    //创建一个头像上传组件
    croppers.render({
        elem: '.layui-upload-list.linkLogo'
        ,saveW:80     //保存宽度
        ,saveH:40
        ,mark:2/1    //选取比例
        ,area:'800px'  //弹窗宽度
        ,url: "/agoni/upload"  //图片上传接口返回和（layui 的upload 模块）返回的JOSN一样
        ,done: function(url){ //上传完毕回调
            $("#logo").val(url);
            $(".linkLogoImg").attr('src',url);
        }
    });
    form.on("submit(addLink)",function(data){
        //弹出loading
        //var index = top.layer.msg('数据提交中，请稍候',{icon: 16,time:false,shade:0.8});
        // 实际使用时的提交信息

        var data={
            id:$("#id").val(),
            logo : $("#logo").val(),  //logo
            name: $(".linkName").val(),  //网站名称
            href : $(".linkUrl").val(),    //网址
            status : $("#status")[0].checked ? 1:0 //状态
        };
        var index_wx='';
        $.ajax({
            type: 'POST',
            url: '/admin/link/store',
            data: data,
            dataType:'json',
            beforeSend:function(){
                index_wx = layer.msg('正在提交中，请稍候',{icon: 16,time:false,shade:0.8});
            },
            error: function(data){
                console.log(data);
                layer.msg('数据异常，操作失败！8');
            },
            success: function(data){
                layer.msg(data.msg);
            },
           completed:function(){
                layer.close(index_wx);
           }
        });
        return false;
    })
});
